<template>
    <div class="box">
     <div class="header">
        
     </div>
     <div class="meddle">
        <ul style="column-count: 2;">
            <li v-for="item in list" :key="item.id">
                <img :src="item.image" alt="" style="width: 100%;">
                <p class="van-multi-ellipsis--l2">{{ item.title }}</p>
                <p style="color: red;">{{ item.price }}</p>
            </li>
        </ul>
     </div>
   </div>
</template>
<script setup>
    import request from '@/utils/request.js'
    import { ref,onMounted } from "vue";
    const list=ref([])
     onMounted(()=>{
        request.get('/list',{
            params:{
                pagination:1, pageNum:40
            }
        }).then(res=>{
            if(res.data.code==200){
                list.value=res.data.data
            }
        })
    })
</script>